html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f8f8fa;
}
* {
  box-sizing: border-box;
}
#app {
  width: 100%;
  height: 100%;
}
.avatar-popup-content {
  border: 1px solid var(---color-border-3, #dfe2e5);
  background: var(---color-bg-white, #fff);
  box-shadow: 0px 4px 10px 0px rgba(29, 33, 41, 0.1);
  width: 120px;
  .arco-menu-inner {
    padding: 6px 0;
    border-radius: 8px;
  }
  .arco-menu-item {
    padding: 0 16px;
    height: 36px;
    border-radius: 0;
    line-height: 36px !important;
  }
}
.arco-select-view-single.arco-select-view-size-medium .arco-select-view-value,
.arco-select-option .arco-select-option-content,
.arco-input-wrapper .arco-input.arco-input-size-medium,
.arco-picker-size-medium input,
.arco-radio-button,
.arco-popover-popup-content,
.arco-btn-size-medium,
.arco-table-th,
.arco-table-td,
.arco-link,
.arco-select-view-single.arco-select-view-size-medium .arco-select-view-input {
  font-size: 14px !important;
}
.arco-checkbox {
  height: 28px;
  line-height: 22px;
  font-size: 14px;
  .arco-checkbox-icon {
    width: 16px;
    height: 16px;
  }
}
.arco-picker-size-medium,
.arco-select-view-size-medium {
  height: 32px !important;
  .arco-picker-input {
    //修改选择器placeholder文字样式
    input::placeholder {
      color: #bfc2c7;
    }
  }
  .arco-picker-suffix {
    .arco-picker-suffix-icon {
      svg {
        color: #bfc2c7;
      }
    }
  }
}
//圆角处理
.arco-input-wrapper,.arco-input .arco-input-size-medium,.arco-radio-group-button,.arco-textarea-wrapper,
.arco-textarea,
.arco-picker,
.avatar-popup-content,
.arco-menu{
  @apply !rounded-2;
}
.arco-link-status-danger:hover {
  background-color: rgb(var(--danger-1));
}
.rule-help-item {
  .arco-form-item-label-col {
    margin-bottom: 0;
  }
}
.skip-item {
  .arco-checkbox {
    height: 22px;
    &:first-child {
      padding-left: 0;
    }
  }
  .arco-form-item-wrapper-col {
    min-height: 22px;
  }
}
.site-base-info {
  .arco-descriptions {
    .arco-descriptions-item-label,
    .arco-descriptions-item-value {
      padding-bottom: 24px;
    }
    .arco-descriptions-item-label {
      @apply text-4 font-normal;
    }
    .arco-descriptions-item-value {
      @apply text-2;
    }
    .resolve-status {
      @apply flex gap-x-1 items-center leading-5;
      .refresh {
        color: var(--color-text-7);
        opacity: 0;
        &:hover {
          color: var(--color-text-1);
          cursor: pointer;
        }
      }
      &:hover {
        .refresh {
          opacity: 1;
        }
      }
    }
  }
}


.arco-tooltip-content {
  font-size: 14px;
  white-space: break-spaces;
  word-break: break-all;
}
.arco-radio {
  font-size: 14px;
  .arco-radio-label {
    height: 22px;
    line-height: 22px;
  }
}
.arco-message-list-top {
  top: 380px;
  .arco-message-content {
    @apply text-sm/22px;
  }
}
.arco-menu-vertical .arco-menu-item,
.arco-menu-vertical .arco-menu-inline-header {
  line-height: 34px;
}


.question-icon {
  @apply !w-4 !h-4;
  outline: none;
  color: var(--color-text-7);

  &:hover {
    cursor: pointer;
    color: var(--color-text-2);
  }
}
.drag-icon {
  @apply w-5 h-14px my-1 flex-center cursor-pointer;
}
svg {
  flex-shrink: 0;
}
.operation-content {
  &:hover {
    .operation-icon {
      @apply opacity-100;
    }
  }
  .operation-icon {
    @apply !text-7 opacity-0 cursor-pointer;
    &:hover {
      @apply !text-1 opacity-100;
    }
  }
}
//元素无限旋转
.rotate-infinite {
  animation: rotate 3s linear infinite;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
